.font {
  @for $i from 10 through 30 {
    &-#{$i} {
      font-size: unit($i);
    }
  }

  &-0 {
    font-size: 0;
  }

  &-weight {
    &-bold {
      font-weight: 700;
    }

    &-bolder {
      font-weight: bolder;
    }

    &-normal {
      font-weight: 400;
    }

    &-light {
      font-weight: 300;
    }

    &-lighter {
      font-weight: lighter;
    }
  }

  &-italic {
    font-style: italic;
  }
}
